export const imgerr = {
// 这里可以定义一系列的钩子函数
// 用来控制使用这个指令的 dom 的声明周期
  inserted(dom, options) {
  // 1. 如果为空
    if (!dom.src) {
      dom.src = options.value
    }
    // 2. 如果图片存在, 但是加载报错
    // 对于图片 img dom 加载错误
    // 会原生触发一个 onerror 事件
    // 我们只需要在 这个事件中 修改 src 即可
    // dom.onerror = () => {
    //   dom.src = options.value
    // }
    dom.addEventListener('error', () => {
      dom.src = options.value
    })
    // // 这个函数会在使用这个指令的 dom 插入页面是触发
    // console.log('当前 dom 被插入页面了')
    // // 这个函数可以得到调用这个指令的 dom 本身
    // console.log(dom)
    // // 这个函数还可以得到调用指令时传入的参数
    // console.log(options.value)

    // 这个指令接收了默认图片以后
    // 如果发现 dom.src 为空 或者 dom.src 加载图片破图
    // 就用传进来的默认图片替换掉 dom.src
    // 这个指令其实是用来修复图片的
    // 1. 当前用户没有头像
    // 2. 当前用户的头像有, 破图
  },
  // 除了dom插入外, 组件更新时也要校验一下是否为空
  // 错误事件则无需再次添加,因为事件监听是一直都在
  componentUpdated(dom, options) {
    // 如果为空
    if (!dom.src) {
      dom.src = options.value
    }
  }
}
